{% extends "云商/template.html" %}
{% block title %}{% endblock %}
{% block css %}

<style>
    #banner {
        font-size: 0;
    }

    .fs_col1 {
        position: relative;
        padding: 0 10px;
        width: 190px;
        background-color: #f3f3f3;

    }


    .fs_col1_li {
        height: 25px;
        line-height: 25px;
    }

    .fs_col2 {
        width: 590px;
        background-color: orange;
    }

    .fs_col3 {
        width: 390px;
    }




    .fs_inner {
        height: 480px;
        border-style: none;
        box-shadow: none;
    }


    .layui-carousel-ind {
        text-align: left;
    }

    .layui-carousel-ind ul {
        margin-left: 20px;
        background-color: transparent;
    }

    .popCtn {
        position: absolute;
        width: 980px;
        height: 480px;
        background-color: orange;
        z-index: 999;
        margin-left: 190px;
    }

    #B_User {
        height: 96px;
        background-color: #fff;
    }

    #B_sideslider {
        height: 230px;
    }

    #B_service {
        height: 124px;
        background-color: #fff;
    }

    #B_side_seckill,
    #B_side_cheap {
        height: 110px;
        background-color: #fff;
    }

    .logo_info {
        width: 120px;
    }

    .userv3_rights {
        width: 264px;
    }

    .user_ic {
        height: 50%;
    }

    .user_name {
        height: 50%;
    }

    .user_img_box {
        width: 28px;
        height: 28px;
    }

    .Plus-muin,
    .company_mini {
        width: 124px;
        height: 100%;
        background-size: cover;
        border-radius: 5px;
    }

    .Plus-muin {
        background-image: url(/static/CloudImages/云商/临时图片/PLUS会员.png);
    }

    .company_mini {
        background-image: url(/static/CloudImages/云商/临时图片/企业会员.png);
    }

    .B_side_seckill .left {
        width: 97px;
    }

    .B_side_seckill .left svg {
        font-size: 40px;
    }

    .B_side_seckill .left>a {
        height: 100%
    }

    .B_side_seckill .right {
        width: 293px;
        background-color: pink;
    }

    .CloudSeckill-Banner {
        width: 85px;
        height: 94px;
        background-color: #fff;
    }

    .slider_item {
        width: 77px;
        height: 77px;

    }

    .service_item {
        position: relative;
        float: left;
        width: 78px;
        height: 55px;
        background: #fff;
        text-align: center;
        overflow: hidden;
    }

    .service_item img {
        width: 28px;
        height: 28px;
    }

    .service_item svg {
        font-size: 28px;
    }

    .service_item p {
        margin-top: 5px;
    }

    /* 为你推荐 */
    .recommendedForYou .title {
        position: relative;
        width: 200px;
        height: 45px;
        font-size: 28px;
        font-weight: 700;
        text-align: center;
        line-height: 45px;
        padding: 0 30px;
        margin: 0 auto 20px;
        overflow: hidden;
        color: #333;
    }

    .recommendedForYou .title::after,
    .recommendedForYou .title::before {
        content: "";
        background-image: url('/static/CloudImages/云商/临时图片/sprite.png');
        width: 25px;
        height: 20px;
        position: absolute;
        top: 50%;
        margin-top: -10px;
    }

    .recommendedForYou .title::after {
        background-position: -25px 0;
        right: 0;
    }

    .recommendedForYou .title::before {
        background-position: 0 0;
        left: 0;
    }

    .layui-tab-title .layui-this {
        border-color: #1E9FFF;
        color: #1E9FFF;
    }

    .more2box {
        width: 200px;
        height: 322px;

    }

    /* 选择 */
    .GoodsItem {
        margin-right: 10px;
    }


    .more2_img {
        height: 230px;
    }


    .more2_info_name {
        height: 48px;
        line-height: 24px;
    }

    .layui-tab {
        margin-top: 0;
    }

    #jing_goods li{
        float: left;
    }

    .more2_b {
        height:20px;
        background-color: rgba(0, 0, 0, .5);
        bottom: 0;
        left:0;
        width: 100%;
    }

</style>

{% endblock %}
{% block body %}


<!-- 中部轮播 -->
<div class="layui-panel Yy-o-h Yy-pd-lr-5B fs_inner Yy-d-flex Yy-ju-cen  ">
    <div class="fs_col1  Yy-d-flex Yy-mr-10">
        <ul class="">
            <li class="fs_col1_li Yy-o-h">
                <span class="layui-breadcrumb" lay-separator="/">
                    <a href="">家用电器</a>
                </span>
            </li>

            <li class="fs_col1_li">
                <span class="layui-breadcrumb Yy-nowrap" lay-separator="/">
                    <a href="">手机</a>
                    <a href="">运营商</a>
                    <a href="">数码</a>
                </span>
            </li>
        </ul>
        <!-- <div class="popCtn">123</div> -->
    </div>
    <div class="fs_col2 Yy-mr-10 ">
        <div class="layui-carousel" id="banner">
            <div carousel-item>
                <div>
                    <a href="">
                        <img src="/static/CloudImages/云商/临时图片/q.jpg" alt="" class="Yy-h-100">
                    </a>
                </div>
                <div>
                    <a href=""><img src="/static/CloudImages/云商/临时图片/q (1).jpg" alt="" class="Yy-h-100"></a>
                </div>
                <div>
                    <a href=""><img src="/static/CloudImages/云商/临时图片/q (2).jpg" alt="" class="Yy-h-100"></a>
                </div>
                <div>
                    <a href=""><img src="/static/CloudImages/云商/临时图片/q (3).jpg" alt="" class="Yy-h-100"></a>
                </div>
                <div>
                    <a href=""><img src="/static/CloudImages/云商/临时图片/q (4).jpg" alt="" class="Yy-h-100"></a>
                </div>
                <div>
                    <a href=""><img src="/static/CloudImages/云商/临时图片/q (5).jpg" alt="" class="Yy-h-100"> </a>
                </div>
            </div>
        </div>
    </div>
    <div class="fs_col3 Yy-d-flex Yy-d-flex-column Yy-ju-sb">
        <div id="B_User" class="Yy-d-flex layui-padding-1">
            <div class="logo_info">
                <a href="#" class="user_ic Yy-d-flex Yy-flex-cen">
                    <div class="user_img_box ">
                        <img class="Yy-h-100 layui-circle Yy-w-100" src="/static/CloudImages/云商/临时图片/临时头像.jpg" alt="">
                    </div>
                </a>
                <div class="user_name Yy-text-cen ">
                    <div class="layui-hide user_inf">
                        <div class="layui-elip">
                            <span>Hi, </span>
                            <a href="/web/CloudShop/admin/index/" class="user_Name"></a>
                        </div>
                        <a lay-on="edit_login" href="#" class="Yy-mt-10px Yy-d-block">退出</a>
                    </div>
                    <div class="layui-hide user_login">
                        <div class="layui-elip">
                            <a href="/web/CloudShop/login_register/" class="layui-font-red">请先登录</a>
                        </div>
                        <a href="/web/CloudShop/login_register/" class="Yy-mt-10px Yy-d-block layui-font-red">去登录</a>
                    </div>
                </div>
            </div>
            <div class="userv3_rights Yy-d-flex Yy-ju-sb">
                <a href="#" class="Plus-muin Yy-d-block">
                    <div class="layui-padding-2">
                        <div class="layui-font-13 layui-elip" style="color:#663300;font-weight: 600;">PLUS会员</div>
                        <div class="layui-font-12 Yy-mt-5px layui-elip" style="color:#A88100;">无限包邮</div>
                        <div style="color: #663300;" class="Yy-mt-12px layui-elip">
                            立刻开通
                            <i class="layui-edge layui-edge-right" style="border-left-color: #663300;"></i>
                        </div>
                    </div>
                </a>
                <a href="#" class="company_mini  Yy-d-block">
                    <div class="layui-padding-2">
                        <div class="layui-font-13 layui-elip" style="color:#054180;font-weight: 600;">企业会员</div>
                        <div class="layui-font-12 Yy-mt-5px layui-elip" style="color:#3369a5;">体验津贴3000元</div>
                        <div style="color: #054180;" class="Yy-mt-12px layui-elip">
                            立刻开通
                            <i class="layui-edge layui-edge-right" style="border-left-color: #054180;"></i>
                        </div>
                    </div>
                </a>
            </div>
        </div>
        <div id="B_sideslider" class="Yy-mt-10px Yy-d-flex Yy-d-flex-column Yy-ju-sb">
            <div id="B_side_seckill" class="Yy-d-flex B_side_seckill">
                <div class="left">
                    <a href="#" class="Yy-d-flex Yy-d-flex-column Yy-ju-sa Yy-ai-cen">
                        <div>云商秒杀</div>
                        <svg class="icon" aria-hidden="true">
                            <use xlink:href="#icon-naozhong"></use>
                        </svg>
                        <div>
                            <span class="time">22:00</span>
                            场
                        </div>
                        <div style="color:black;">
                            <span
                                style="background-color: black; color:white; padding: 1px;margin-right: 5px;">00</span>:
                            <span
                                style="background-color: black; color:white; padding: 1px;margin-right: 5px;">45</span>:
                            <span
                                style="background-color: black; color:white; padding: 1px;margin-right: 5px;">24</span>
                        </div>
                    </a>
                </div>
                <div class="right">
                    <div class="layui-carousel" id="CloudSeckill">
                        <div carousel-item>
                            <div>
                                <div class="Yy-d-flex Yy-ju-sa Yy-ai-cen Yy-h-100">
                                    <div class="CloudSeckill-Banner">
                                        <a href="" class="slider_item Yy-d-block">
                                            <img class="Yy-h-100 Yy-w-100"
                                                src="https://img12.360buyimg.com/seckillcms/s140x140_jfs/t1/226733/34/15229/30941/662216d7F9bdb3bff/094838dd4b6c1df5.jpg.avif"
                                                alt="">
                                            <p class="Yy-text-cen layui-font-12 layui-font-red">￥<span
                                                    class="layui-font-12 ">16.46</span></p>
                                        </a>
                                    </div>
                                    <div class="CloudSeckill-Banner">
                                        <a href="" class="slider_item Yy-d-block">
                                            <img class="Yy-h-100 Yy-w-100"
                                                src="https://img13.360buyimg.com/seckillcms/s140x140_jfs/t20270625/225671/17/21192/13079/667a643cFee9b8c96/851dbebed6c076b1.jpg.avif"
                                                alt="">
                                            <p class="Yy-text-cen layui-font-12 layui-font-red">￥<span
                                                    class="layui-font-12 ">16.46</span></p>
                                        </a>
                                    </div>
                                    <div class="CloudSeckill-Banner">
                                        <a href="" class="slider_item Yy-d-block">
                                            <img class="Yy-h-100 Yy-w-100"
                                                src="https://img12.360buyimg.com/seckillcms/s140x140_jfs/t20270528/187596/35/46799/86040/665534f4Fc07e1b1f/292383c6f86cbe77.jpg.avif"
                                                alt="">
                                            <p class="Yy-text-cen layui-font-12 layui-font-red">￥<span
                                                    class="layui-font-12 ">16.46</span></p>
                                        </a>
                                    </div>
                                </div>

                            </div>
                            <div>
                                <div class="Yy-d-flex Yy-ju-sa Yy-ai-cen Yy-h-100">
                                    <div class="CloudSeckill-Banner">
                                        <a href="" class="slider_item Yy-d-block">
                                            <img class="Yy-h-100 Yy-w-100"
                                                src="https://img14.360buyimg.com/seckillcms/s140x140_jfs/t20270620/242110/11/12458/67573/6673f9e4Fccb402d1/61d9c165d898ddea.jpg.avif"
                                                alt="">
                                            <p class="Yy-text-cen layui-font-12 layui-font-red">￥<span
                                                    class="layui-font-12 ">16.46</span></p>
                                        </a>
                                    </div>
                                    <div class="CloudSeckill-Banner">
                                        <a href="" class="slider_item Yy-d-block">
                                            <img class="Yy-h-100 Yy-w-100"
                                                src="https://img10.360buyimg.com/jdcms/s77x77_jfs/t1/67328/27/25290/51648/640aa732F03326810/05e5e6fd7e74b54a.jpg.avif"
                                                alt="">
                                            <p class="Yy-text-cen layui-font-12 layui-font-red">￥<span
                                                    class="layui-font-12 ">16.46</span></p>
                                        </a>
                                    </div>
                                    <div class="CloudSeckill-Banner">
                                        <a href="" class="slider_item Yy-d-block">
                                            <img class="Yy-h-100 Yy-w-100"
                                                src="https://img30.360buyimg.com/seckillcms/s140x140_jfs/t20270419/221234/4/39128/55632/66225713F7b49360c/221bde6114e0c061.jpg.avif"
                                                alt="">
                                            <p class="Yy-text-cen layui-font-12 layui-font-red">￥<span
                                                    class="layui-font-12 ">16.46</span></p>
                                        </a>
                                    </div>
                                </div>

                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div id="B_side_cheap" class="Yy-d-flex B_side_seckill">
                <div class="left">
                    <a href="#" class="Yy-d-flex Yy-d-flex-column Yy-ju-sa Yy-ai-cen">
                        <div>便宜包邮</div>
                        <svg class="icon" aria-hidden="true">
                            <use xlink:href="#icon-yunfeibianyi"></use>
                        </svg>
                        <div>1元也包邮</div>

                    </a>
                </div>
                <div class="right">
                    <div class="layui-carousel" id="Cloudcheap">
                        <div carousel-item>
                            <div>
                                <div class="Yy-d-flex Yy-ju-sa Yy-ai-cen Yy-h-100">
                                    <div class="CloudSeckill-Banner">
                                        <a href="" class="slider_item Yy-d-block">
                                            <img class="Yy-h-100 Yy-w-100"
                                                src="https://img12.360buyimg.com/seckillcms/s140x140_jfs/t1/226733/34/15229/30941/662216d7F9bdb3bff/094838dd4b6c1df5.jpg.avif"
                                                alt="">
                                            <p class="Yy-text-cen layui-font-12 layui-font-red">￥<span
                                                    class="layui-font-12 ">16.46</span></p>
                                        </a>
                                    </div>
                                    <div class="CloudSeckill-Banner">
                                        <a href="" class="slider_item Yy-d-block">
                                            <img class="Yy-h-100 Yy-w-100"
                                                src="https://img13.360buyimg.com/seckillcms/s140x140_jfs/t20270625/225671/17/21192/13079/667a643cFee9b8c96/851dbebed6c076b1.jpg.avif"
                                                alt="">
                                            <p class="Yy-text-cen layui-font-12 layui-font-red">￥<span
                                                    class="layui-font-12 ">16.46</span></p>
                                        </a>
                                    </div>
                                    <div class="CloudSeckill-Banner">
                                        <a href="" class="slider_item Yy-d-block">
                                            <img class="Yy-h-100 Yy-w-100"
                                                src="https://img12.360buyimg.com/seckillcms/s140x140_jfs/t20270528/187596/35/46799/86040/665534f4Fc07e1b1f/292383c6f86cbe77.jpg.avif"
                                                alt="">
                                            <p class="Yy-text-cen layui-font-12 layui-font-red">￥<span
                                                    class="layui-font-12 ">16.46</span></p>
                                        </a>
                                    </div>
                                </div>

                            </div>
                            <div>
                                <div class="Yy-d-flex Yy-ju-sa Yy-ai-cen Yy-h-100">
                                    <div class="CloudSeckill-Banner">
                                        <a href="" class="slider_item Yy-d-block">
                                            <img class="Yy-h-100 Yy-w-100"
                                                src="https://img14.360buyimg.com/seckillcms/s140x140_jfs/t20270620/242110/11/12458/67573/6673f9e4Fccb402d1/61d9c165d898ddea.jpg.avif"
                                                alt="">
                                            <p class="Yy-text-cen layui-font-12 layui-font-red">￥<span
                                                    class="layui-font-12 ">16.46</span></p>
                                        </a>
                                    </div>
                                    <div class="CloudSeckill-Banner">
                                        <a href="" class="slider_item Yy-d-block">
                                            <img class="Yy-h-100 Yy-w-100"
                                                src="https://img10.360buyimg.com/jdcms/s77x77_jfs/t1/67328/27/25290/51648/640aa732F03326810/05e5e6fd7e74b54a.jpg.avif"
                                                alt="">
                                            <p class="Yy-text-cen layui-font-12 layui-font-red">￥<span
                                                    class="layui-font-12 ">16.46</span></p>
                                        </a>
                                    </div>
                                    <div class="CloudSeckill-Banner">
                                        <a href="" class="slider_item Yy-d-block">
                                            <img class="Yy-h-100 Yy-w-100"
                                                src="https://img30.360buyimg.com/seckillcms/s140x140_jfs/t20270419/221234/4/39128/55632/66225713F7b49360c/221bde6114e0c061.jpg.avif"
                                                alt="">
                                            <p class="Yy-text-cen layui-font-12 layui-font-red">￥<span
                                                    class="layui-font-12 ">16.46</span></p>
                                        </a>
                                    </div>
                                </div>

                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div id="B_service" class="Yy-mt-10px">
            <ul class="Yy-h-100 Yy-d-flex Yy-flex-wrap Yy-ai-cen">
                <li class="service_item">
                    <a href="" class="Yy-d-block">
                        <img src="/static/CloudImages/云商/临时图片/E卡.png" alt="">
                        <p>礼品卡</p>
                    </a>
                </li>
                <li class="service_item">
                    <a href="" class="Yy-d-block">
                        <img src="/static/CloudImages/云商/临时图片/加油站.png" alt="">
                        <p>加油卡</p>
                    </a>
                </li>
                <li class="service_item">
                    <a href="" class="Yy-d-block">
                        <!-- <img src="https://m.360buyimg.com/babel/jfs/t1/105718/32/47548/4135/6601555fFdbb76302/ce8e1355e08435d0.png" alt=""> -->
                        <svg class="icon" aria-hidden="true">
                            <use xlink:href="#icon-huafei"></use>
                        </svg>
                        <p>话费</p>
                    </a>
                </li>
                <li class="service_item">
                    <a href="" class="Yy-d-block">
                        <img src="/static/CloudImages/云商/临时图片/游戏.png" alt="">
                        <p>游戏</p>
                    </a>
                </li>
                <li class="service_item">
                    <a href="" class="Yy-d-block">
                        <img src="/static/CloudImages/云商/临时图片/酒店.png" alt="">
                        <p>酒店</p>
                    </a>
                </li>
                <li class="service_item">
                    <a href="" class="Yy-d-block">
                        <img src="/static/CloudImages/云商/临时图片/云建站.png" alt="">
                        <p>云建站</p>
                    </a>
                </li>
                <li class="service_item">
                    <a href="" class="Yy-d-block">
                        <img src="/static/CloudImages/云商/临时图片/五金城.png" alt="">
                        <p>五金城</p>
                    </a>
                </li>
                <li class="service_item">
                    <a href="" class="Yy-d-block">
                        <img src="/static/CloudImages/云商/临时图片/plus.png" alt="">
                        <p>plus会员</p>
                    </a>
                </li>
                <li class="service_item">
                    <a href="" class="Yy-d-block">
                        <img src="/static/CloudImages/云商/临时图片/企业.png" alt="">
                        <p>企业会员</p>
                    </a>
                </li>
                <li class="service_item">
                    <a href="" class="Yy-d-block">
                        <img src="/static/CloudImages/云商/临时图片/企业采购.png" alt="">
                        <p>企采场景购</p>
                    </a>
                </li>
            </ul>
        </div>
    </div>
</div>


<!-- 为你推荐 -->
<div class="recommendedForYou Yy-d-flex Yy-d-flex-column  Yy-mt-30px Yy-pd-lr-5B">
    <h3 class="title Yy-text-cen layui-font-30">为你推荐</h3>

    <div>
        <div class="layui-tab">
            <ul class="layui-tab-title Yy-w-100 Yy-d-flex">
                <li class="layui-this">精选</li>
            </ul>
            <div class="layui-tab-content" id="jing_x_tab">
                <div class="layui-tab-item layui-show">
                    <ul class="" id="jing_goods">
                        <li class="Yy-mb-5px GoodsItem layui-hide">
                            <a href="/web/CloudShop/product_detail/" class="more2box Yy-d-block layui-panel">
                                <div class="more2_img Yy-pos-r">
                                    <img class="Yy-w-100 Yy-h-100 Yy-img-hover1"
                                        src="https://img20.360buyimg.com/jdcms/s230x230_jfs/t1/230842/1/5580/109437/6569a82aF04f85c64/27e7886a3ff5a757.png.avif"
                                        alt="">
                                        <!-- <div class="Yy-pos-a more2_b Yy-d-flex Yy-ai-cen">
                                            <span class="Yy-color-fff">[好物]</span>
                                        </div> -->
                                </div>
                                <div class="more2_info Yy-o-h Yy-plr-5px Yy-mt-5px">
                                    <p class="more2_info_name layui-font-16 Yy-text-ellipsis2 ">
                                        Rovinj大姨妈神器暖手宝充电生日礼物女520情人节礼物送女朋友老婆闺蜜 【黄色】10000mA容量丨五档数显</p>
                                    <div class="more2_info_pricebox Yy-mt-10px Yy-d-flex Yy-ai-cen Yy-ju-sb">
                                        <div style="width: 50%;" class="layui-elip">
                                            <svg class="icon layui-font-20" aria-hidden="true">
                                                <use xlink:href="#icon-weibiaoti1"></use>
                                            </svg>
                                            <span class="layui-font-red layui-font-22">2asdads2.00</span>
                                        </div>
                                        <div style="width: 50%;" class="layui-elip">2asdasdadasdadas</div>
                                    </div>
                                </div>
                            </a>
                        </li>


                    </ul>
                </div>
            </div>
        </div>
    </div>
</div>

<!-- 底部 -->
{% include "云商/include/footer.html" %}
{% endblock %}
{% block js %}


<script>
    // 用户权
    const user_info = YyGetLocatStorge();
    if (user_info) {
        // user_login
        $('.user_login').addClass('layui-hide');
        $('.user_inf').removeClass('layui-hide');
        $('.user_Name').html(user_info.user_name);
    } else {
        $('.user_inf').addClass('layui-hide');
        $('.user_login').removeClass('layui-hide');
    }

</script>




<script>

    // 商品数据字符串
    function GoodsStrings(Objects) {
        /**
         * 准备 三 个参数
         * 1: goods_main_img = 图片地址
         * 2: name = 商品名称
         * 3: price = 商品价格
         * 
         * 
         * 注释编写人: Yy
         */
        var demo_str = `
                  <li class="Yy-mb-5px GoodsItem ">
                            <a href="/web/CloudShop/product_detail/?goods_id=${Objects.id}" class="more2box Yy-d-block layui-panel">
                                <div class="more2_img Yy-pos-r">
                                    <img class="Yy-w-100 Yy-h-100 Yy-img-hover1"
                                        src="${Objects.goods_main_img}"
                                        alt="${Objects.name}">
                                        <!-- <div class="Yy-pos-a more2_b Yy-d-flex Yy-ai-cen">
                                            <span class="Yy-color-fff">[好物]</span>
                                        </div> -->
                                </div>
                                <div class="more2_info Yy-o-h Yy-plr-5px Yy-mt-5px">
                                    <p class="more2_info_name layui-font-16 Yy-text-ellipsis2 ">
                                        ${Objects.name}</p>
                                    <div class="more2_info_pricebox Yy-mt-10px Yy-d-flex Yy-ai-cen Yy-ju-sb">
                                        <div style="width: 50%;" class="layui-elip">
                                            <svg class="icon layui-font-20" aria-hidden="true">
                                                <use xlink:href="#icon-weibiaoti1"></use>
                                            </svg>
                                            <span class="layui-font-red layui-font-22">${Objects.price}</span>
                                        </div>
                                        <div style="width: 50%;" class="layui-elip">${Objects.user.user_name}</div>
                                    </div>
                                </div>
                            </a>
                        </li>
        `;

        return demo_str;
    }
    layui.use(function () {
        var carousel = layui.carousel;
        var element = layui.element;
        var util = layui.util;

        //流加载
        var flow = layui.flow;
        flow.load({
            elem: '#jing_goods',
            end: '已经全部加载完了噢',
            mb:200,
            isAuto:true,
            done: function (page, next) { 
                // 加载商品数据
                axios({
                    url: '/api/CloudShop/select/CloudShop_Goods_Query/',
                    params: {
                        "type": 1,
                        "page": page
                    }
                }).then(res => {
                    var lis = [];
                    for (let index = 0; index < res.data.data.length; index++) {
                        var item = res.data.data[index];
                        lis.push(GoodsStrings(item));
                    }
                    
                    next(lis.join(''), page < res.data.total);
                })
                
            },
        });

        util.on('lay-on', {
            edit_login: () => {
                YyRemoveItem(user_key);
                YyRefresh();
            }
        })
        // 绑定自定义的 tab 元素
        element.tab({
            headerElem: '#tabHeader>.layui-btn',
            bodyElem: '#tabBody>div'
        });
        // 渲染 - 常规轮播
        carousel.render({
            elem: '#banner',
            width: '590px',
            height: '480px',
            autoplay: true
        });

        // 云秒杀
        carousel.render({
            elem: '#CloudSeckill',
            width: 'auto',
            height: '110px',
            arrow: 'hover',
            indicator: 'none',
            autoplay: true,
            interval: 1523
        });

        // 便宜包邮 Cloudcheap
        carousel.render({
            elem: '#Cloudcheap',
            width: 'auto',
            height: '110px',
            arrow: 'hover',
            indicator: 'none',
            autoplay: true,
            interval: 1241
        });



    });
</script>

{% endblock %}